/*存油收益*/
.oil_price{
	height: 0.71rem;
	width: 100%;
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	align-items: center;
	background: #fff;
	margin-bottom:0.17rem;
}
.gg_img{
	width:0.4rem;
	height:0.4rem;
	margin-left:0.32rem;
	margin-right:0.11rem;
}
.oil_span{
	font-size:0.22rem;
	color:rgba(235,177,0);
	white-space: nowrap;
	margin-right:0.16rem;
}
marquee>span{
	margin-right:0.3rem;
}

.oil_list{
	background: #fff;
	margin-bottom:0.22rem;
}
.label_div{
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	align-items: center;
	height: 0.56rem;
	width: 100%;
	border-bottom:1px solid #ddd;
}
.gg_img1{
	width:0.31rem;
	height:0.31rem;
	margin-left:0.32rem;
	margin-right:0.19rem;
}
.label_span{
	font-size:0.22rem;
	color: rgb(7,7,7);
}
.center_div{
	padding:0.35rem 0.4rem 0 0.4rem;
}
.center_div>div{
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	justify-content:space-between;
	white-space: nowrap;
}
.center_div>div div{font-size:0.23rem;}
.center_dd{
	width:3rem;
	overflow: hidden;
}
.center_sj{
	width:3.4rem;
	overflow: hidden;
}
.oil_btn{
	width: 1.59rem;
	border-radius: 5px;
	line-height:0.43rem;
	background: #EC4849;
	border:none;
	outline:none;
	color:#fff;
	margin-bottom: 0.2rem;
	font-size:0.23rem;
	padding:0;
}
.oil_tx_btn{
	background: #02B677;
	letter-spacing: 4px;
	margin-right: 0.56rem;
}

/*弹框*/
.div_btn{
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	justify-content: center;
}
.suzr{
	font-size:0.34rem;
	background:#F0F2F5;
	width:3.32rem;
	border:none;
	height:1.3rem;
	font-weight: bold;
}
.suzr_qx{
	color:#B9B9B9;
	margin-right:1px;
	border-bottom-left-radius: 5px;
}
.suzr_qd{
	border-bottom-right-radius: 5px;
	color: #EC4F50;
}
.oil_tk{
	font-size:0.46rem;
	text-align: center;
	padding-top:0.45rem;
	padding-bottom:0.41rem;
}
.tk_div>div{
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	align-items: center;
	margin-bottom:0.33rem;
}
.tk_div>div:last-child{
	margin-bottom:0.8rem;
}
.check_inp{
	margin-left:0.52rem;
	margin-right:0.27rem;
	width:0.43rem;
	height:0.43rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url("../images/xk_img.png") no-repeat center;
	background-size: 100% 100%;
	outline:none;
}
.check_inp:checked{
	background:url("../images/xz_img.png") no-repeat center;
	background-size: 100% 100%;
}
.check_span{
	color:rgb(102,102,102);
	font-size:0.29rem;
}

/*加油站加盟*/
.remark_jy{
 	padding:0.15rem 0 0.09rem 0;
	font-size: 0.23rem;
	color: rgb(153,153,153);
	border-bottom:1px solid rgb(215,215,215);
}
.petrol_title{
	display: inline-block;
	margin-top: 0.41rem;
	margin-bottom:0.19rem;
	font-size:0.23rem;
	color:rgb(51,51,51);
}
.petrol_inp{
	border:1px solid rgb(216,220,225);
	outline: none;
	width: 100%;
	line-height: 0.64rem;
	padding-left: 0.22rem;
	font-size:0.29rem;
	color: rgb(153,153,153);
	box-sizing: border-box;
}
.petrol_btn{
	border:none;
	outline: none;
	letter-spacing: 10px;
	width:100%;
	line-height:0.64rem;
	text-align: center;
	font-size:0.29rem;
	color:#fff;
	background: #EB3B00;
	margin-top:0.43rem;
	border-radius: 5px;
}



/*历史记录*/
.record_list_title{
	line-height: 0.6rem;
	height: 0.6rem;
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	justify-content:space-between;
	border-bottom:2px solid rgb(223,223,223);
	padding:0 0.51rem;
	box-sizing: content-box;
}
.record_list_title>div{
	padding:0 0.1rem;
	height: 0.6rem;
}
.record_active{
	border-bottom:2px solid rgb(236,72,73);
}
.record_list{
	padding:0 0.32rem 0 0.22rem;
}
.record_list>div{
	height:0.87rem;
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	justify-content:space-between;
	align-items: center;
	border-bottom:1px solid rgb(223,223,223);
}
.record_img{
	width:0.53rem;
	height:0.53rem;
	margin-right:0.14rem;
	vertical-align: middle;
}
.record_span{
	font-size:0.23rem;
	margin-right:0.03rem;
	width: 2.6rem;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
	
}
.record_span_sj{
	font-size:0.23rem;
	width: 2.4rem;
	vertical-align: middle;
}
.record_span1{
	font-size: 0.24rem;
	color:rgb(235,59,0);
}



/*我的存油*/
.my_trapped{
	line-height: 0.76rem;
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	align-items: center;
	font-size:0.29rem;
	color: rgb(51,51,51);
	padding-left:0.34rem;
	background: #fff;
	margin-bottom: 0.2rem;
}
.xl_img{
	width: 0.3rem;
}
.trapped_list>div{
	background: #fff;
	margin-bottom: 0.22rem;
}
.trapped_title{
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	align-items: center;
	padding-top:0.29rem;
	padding-bottom:0.07rem;
	border-bottom: 1px solid #Ddd;
	padding-left:0.34rem;
	font-size:0.23rem;
}
.red_span{
	border-radius: 3px;
	width:0.06rem;
	height: 0.27rem;
	background:rgb(247,6,40);
	display: inline-block;
	margin-right:0.16rem;
}
.trapped_content{
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	justify-content: space-between;
	padding:0 0.34rem;
	text-align: center;
}
.trapped_content>div{
	padding:0.3rem 0 0.2rem 0;
}
.trapped_content div{
	font-size:0.23rem;
}
.trapped_btn{
	margin:0 0.34rem;
	text-align: right;
	border-top: 1px solid #ddd;
	padding:0.2rem 0 0.22rem 0;
}
.trapped_btn button{
	border-radius: 5px;
	outline:none;
	border:1px solid transparent;
	width:1.3rem;
	line-height: 0.48rem;
	color:#fff;
	font-size:0.23rem;
	padding:0;
	height: 0.48rem;
}
.trapped_btn button:nth-child(2){
	margin-left:0.18rem;
}
.zc_btn{
	background: #EC4849;
}
.xk_btn{
	background:transparent;
	border:1px solid rgb(255,103,51) !important;
	color:rgb(236,72,73) !important;
}
.zc_btn{
	background: #EC4849;
}
.zt_btn{
	background: #D0D0D0 !important;
	border:1px solid rgb(164,162,162) !important;
}


/*闲卡续费*/
.kaxes_list{
	padding:0 0.25rem 0 0.33rem;
	
}
.kaxes_list>div{
	border-bottom: 1px solid #ddd;
	padding-top:0.23rem;
	padding-bottom:0.2rem;
}
.kaxes_img{
	width: 0.74rem;
	height:0.74rem;
	margin-right:0.21rem;
	float: left;
}
.kaxes_btn button{
	border:1px solid rgb(2,182,119);
	background: transparent;
	outline: none;
	font-size:0.23rem;
	border-radius: 5px;
	width: 1.14rem;
	line-height: 0.43rem;
	letter-spacing: 5px;
	float:right;
}
.kaxes_content{
	width: 4.6rem;
	float: left;
}
.kaxes_span{
	font-size:0.23rem;
	color:rgb(102,102,102);
	margin:0.06rem 0;
}
.kaxes_span1{
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	justify-content: space-between;
}
.kaxes_span1>div{
	font-size:0.23rem;
	color:rgb(102,102,102);
}
.kaxes_title{
	font-size:0.29rem;
	color:rgb(51,51,51);
}
.clear_div{
	clear: both;
}
.kaxes_p{
	padding-top:0.5rem;
	padding-bottom:1.2rem;
	text-align: center;
	font-size:0.41rem;
	color:#666666;
}


/*油卡续费*/
.card_renew{
	padding:0.31rem 0.29rem;
	background: #fff;
}
.card_renew>div{
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	justify-content: space-between;
	align-items: center;
	margin-bottom:0.26rem;
}
.card_renew>div:last-child{
	margin:0;
}
.label_card{
	color:rgb(51,51,51);
	font-size: 0.29rem;
}
.label_card1{
	width:5.56rem;
	color:rgb(153,153,153);
	font-size:0.23rem;
	padding-left: 0.22rem;
	box-sizing: border-box;
}
.card_inp{
	border:1px solid rgb(216,220,225);
	outline: none;
	width:5.56rem;
	line-height: 0.64rem;
	padding-left: 0.22rem;
	font-size:0.23rem;
	color: rgb(153,153,153);
	box-sizing: border-box;
}
.mode_payment{
	padding:0.26rem 0;
	padding-left:0.29rem;
	color:rgb(140,140,140);
	font-size:0.23rem;
}
.payment_list>div{
	padding:0.17rem 0.29rem;
	display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.05rem;
	background: #fff;
}
.payment_img{
	width:0.63rem;
	height:0.63rem;
	margin-right:0.29rem;
	vertical-align: middle;
}
.payment_span{
	vertical-align: middle;	
	color:rgb(140,140,140);
	font-size:0.32rem;
}
.recharge_btn{
	text-align: center;
	margin-top:0.63rem;
}
.recharge_btn button{
	width:6.52rem;
	line-height: 0.82rem;
	background: rgb(21,201,215);
	letter-spacing: 5px;
	outline:none;
	border:none;
	color:#fff;
	font-size:0.34rem;
	font-weight: bold;
	border-radius: 5px;
}
.payment_radio{
	width:0.48rem;
	height:0.48rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:url("../images/hui_payment.png") no-repeat center;
	background-size: 100% 100%;
	outline:none;
}
.payment_radio:checked{
	background:url("../images/blue_payment.png") no-repeat center;
	background-size: 100% 100%;
}
.diapassa{background:#fff;border-radius: .1rem;overflow: hidden;}
